<template>
  <my-header class="header1"
   :text="text">
        <div class="location clearfix" slot="posL">
          <span>北京</span>
          <i class="lyf-icons lyf-arrow-black"></i>
        </div>
        <i class="icons1 icons1-search" slot="posC"></i>
        <i class="lyf-icons lyf-msg-black" slot="posR"></i>
      </my-header>
</template>
<script>
import myHeader from '../common/myHeader'
export default {
  components: {
    myHeader
  },
  props: ['text']
}
</script>
<style>
.header .location{
    margin-left: .1rem;
    color: #333;
}
.header .location span{
  float: left;
  max-width: .36rem;
}
.header .location i{
  float: left;
  margin-left: .05rem;
  margin-top: .2rem;
}

.header.header1 .posC{
    top: .06rem;
    height: .3rem;
    right: .42rem;
    font-size: .14rem;
    color: #666;
    line-height: .3rem;
    background-color: #f5f5f5;
    padding: 0 .1rem;
    border-radius: .02rem; 
}
.header1 .icons1-search{
  margin-right: .05rem;
  vertical-align: sub;
}

</style>
